<template>
    <div>
      <nav class="navTitle">
        <div class="back" onclick="goBack()"></div>
        修改密码
        <div class="bavTitleRigth" onclick="goRouter('./leaderIndex.html')">首页</div>
      </nav>
      <nav-top title="修改密码" :show="true"></nav-top>
      <ul class="PosswordMainList">
        <li class="clearfix">
          <label class="fl">
            原密码
          </label>
          <input type="password" class="fl passWord" placeholder="请输入原密码">
        </li>
        <li class="clearfix">
          <label class="fl">
            新密码
          </label>
          <input type="password" class="fl newPassWord" placeholder="请输入6位以上密码">
        </li>
        <li class="clearfix">
          <label class="fl">
            确认密码
          </label>
          <input type="password" class="fl sureNewPassWord" placeholder="请再次输入密码">
        </li>
      </ul>
      <div class="PosswordBtn">
        <button>
          修改
        </button>
      </div>
    </div>
</template>

<script>
  import NavTop from '../components/navTop.vue'

  export default {
    components: {NavTop},
    name: '',
    data () {
      return {}
    },
    mounted: function () {

    },
    computed: {},
    filters: {},
    methods: {}
  }
</script>
<style lang="less" scoped>
  .PosswordMainList {
    margin-top: 0.3rem;
    background-color: #ffffff;
    border-top: 0.02rem solid #e8e8e8;
  }
  .PosswordMainList li {
    border-bottom: 0.02rem solid #e8e8e8;
    padding: 0.2rem 0;
  }
  .PosswordMainList li label {
    width: 2.05rem;
    text-align: right;
    line-height: 0.6rem;
    padding-right: 0.08rem;
  }
  .PosswordMainList li input {
    width: 4.2rem;
    height: 0.6rem;
    padding-left: 0.1rem;
    border: none;
    background-color: #F2F2F4;
    box-shadow: inset 0 0px 0.03rem 0.03rem #E8E8E8;
    font-size: 0.3rem;
    outline: none;
  }
  .PosswordMainList li input:-ms-input-placeholder {
    text-align: center;
  }
  .PosswordMainList li input::-webkit-input-placeholder {
    text-align: center;
  }
  .PosswordMainList li input::-moz-placeholder {
    text-align: center;
  }
  .PosswordBtn {
    text-align: center;
    padding-top: 0.3rem;
  }
  .PosswordBtn button {
    height: 0.61rem;
    width: 4.02rem;
    color: #fff;
    -webkit-border-radius: 0.08rem;
    -moz-border-radius: 0.08rem;
    border-radius: 0.08rem;
    outline: none;
    border: none;
    background-color: #00B01E ;
  }
</style>
